<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="尊耀汇年会">
    <meta name="keywords" content="尊耀汇、年会">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>我的卡片</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="stylesheet" href="css/card.css">

</head>
<body>
<a class="card-posA card-a-conversion"
   data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 1}">兑换</a>
<div class="am-modal" id="doc-modal-1">
    <div class="am-modal-dialog">
        <img src="images/card/erweima.png" style="width: 30%;margin: 5% 0 3% 0">
    </div>
</div>

<img src="images/card/左.png" alt="" class="card-posA card-img-lantern-left">
<img src="images/card/右.png" alt="" class="card-posA card-img-lantern-right">
<img src="images/card/烟花.png" alt="" class="card-posA card-img-snow">
<img src="images/card/烟花小.png" alt="" class="card-posA card-img-snow-sm">
<img src="images/card/红包.png" alt="" class="card-posA card-img-redPaper">
<div class="card-posA card-div-word">
    <p class="card-p-word">金犬贺岁</p>
    <p class="card-p-word">恭喜发财</p>
</div>
<img src="images/card/云下边.png" alt="" class="card-posA card-img-cloud">
<img src="images/card/线.png" alt="" class="card-posA card-img-line">
<img src="images/card/尊.png" alt="" class="card-posA card-img-zun">
<p class="card-posA card-p-zun">尊x<span class="card-num-zun">0</span></p>
<img src="images/card/耀.png" alt="" class="card-posA card-img-yao">
<p class="card-posA card-p-yao">耀x<span class="card-num-yao">0</span></p>
<img src="images/card/鼎.png" alt="" class="card-posA card-img-ding">
<p class="card-posA card-p-ding">鼎x<span class="card-num-ding">0</span></p>
<img src="images/card/尚.png" alt="" class="card-posA card-img-shang">
<p class="card-posA card-p-shang">尚x<span class="card-num-shang">0</span></p>
<img src="images/card/矢量智能对象.png" alt="" class="card-posA card-img-buildings">



<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery-3.2.1.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--低版本jQuery备用链接-->
<!--<script src="http://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>-->
<script src="assets/js/amazeui.min.js"></script>
<script>
    $(window).resize(function(){
        console.log('当前浏览器宽度' + $(window).width() + 'px');
    });
    $('.card-a-conversion').on('click',function () {
        
    })
</script>
</body>
</html>